<template>
	<view style="width: 100%;box-sizing: border-box;">
		<view v-if="scope.chnlType == 'jddj'" class="flex just-between ht-42">
			<view style="width: 30%;">商品金额</view>
			<view class="flex-1 text-right">
				<text>x{{ scope.orderGoodsNum }}</text>
				<text style="margin-left: 20px;">{{ formatPrice(scope.goodsLevelDiscountAmount) }}</text>
			</view>
		</view>
		<view v-if="scope.chnlType != 'jddj'" class="flex just-between ht-42">
			<view>原价总额</view>
			<!-- <text>x {{ scope.orderGoodsNum }}</text> -->
			<text>{{ formatPrice(scope.originalPrice) }}</text>
		</view>
		<view v-if="scope.pickType != '1' && scope.chnlType != 'homemall'" class="flex just-between ht-42">
			<view>配送费</view>
			<view>{{ formatPrice(scope.deliveryAmount) }}</view>
		</view>
		<view class="flex just-between ht-42" v-if="scope.pickType != '1' && scope.chnlType == 'homemall'">
			<view class="co-46">基础配送费</view>
			<view>{{ formatPrice(scope.baseDeliveryAmount) }}</view>
		</view>
		<view v-if="scope.overWeightDeliveryAmount > 0 && scope.chnlType == 'homemall'" class="flex just-between ht-42">
			<view class="co-46">超重配送费</view>
			<view>{{ formatPrice(scope.overWeightDeliveryAmount) }}</view>
		</view>
		<view v-if="scope.overDistanceDeliveryAmount > 0 && scope.chnlType == 'homemall'"
			class="flex just-between ht-42">
			<view class="co-46">超远配送费</view>
			<view>{{ formatPrice(scope.overDistanceDeliveryAmount) }}</view>
		</view>
		<view class="flex just-between ht-42" v-if="scope.pickType == '1'">
			<view>自提服务费</view>
			<view>{{ formatPrice(scope.selfPickAmount) }}</view>
		</view>
		<view v-if="scope.packageAmount > 0" class="flex just-between ht-42">
			<view>包装费</view>
			<view>{{ formatPrice(scope.packageAmount) }}</view>
		</view>
		<view class="flex just-between ht-42" v-if="scope.lunchBoxAmount > 0">
			<view>餐盒费</view>
			<view>{{ formatPrice(scope.lunchBoxAmount) }}</view>
		</view>
		<view class="flex just-between ht-42" v-if="scope.totalDiscountAmount > 0 && scope.chnlType != 'jddj'">
			<view class="flex">
				<view>订单优惠</view>
				<!-- <view class="tag" style="margin-left: 4px;">优惠</view> -->
			</view>
			<view class="co-red">{{ formatPrice(scope.totalDiscountAmount, true) }}</view>
		</view>
		<view class="flex just-between ht-42" v-if="scope.orderLevelDiscount > 0 && scope.chnlType == 'jddj'">
			<view class="flex">
				<view>商品优惠</view>
				<!-- <view class="tag" style="margin-left: 4px;">优惠</view> -->
			</view>
			<view class="co-red">{{ formatPrice(scope.orderLevelDiscount, true) }}</view>
		</view>
		<view class="flex just-between ht-42" v-if="scope.deliveryDiscount > 0">
			<view class="flex">
				<view>配送费优惠</view>
				<!-- <view class="tag" style="margin-left: 4px;">优惠</view> -->
			</view>
			<view class="co-red">{{ formatPrice(scope.deliveryDiscount, true) }}</view>
		</view>
		<view class="flex just-between ht-42" v-if="scope.selfPickDiscountAmount > 0 && scope.pickType == '1'">
			<view class="flex">
				<view>自提服务费优惠</view>
				<!-- <view class="tag" style="margin-left: 4px;">优惠</view> -->
			</view>
			<view class="co-red">{{ formatPrice(scope.selfPickDiscountAmount, true) }}</view>
		</view>
		<view class="flex just-between ht-42" v-if="scope.packageDiscount > 0">
			<view class="flex">
				<view>包装费优惠</view>
				<!-- <view class="tag" style="margin-left: 4px;">优惠</view> -->
			</view>
			<view class="co-red">{{ formatPrice(scope.packageDiscount, true) }}</view>
		</view>
		<view class="flex just-between ht-42" v-if="scope.lunchBoxDiscount > 0">
			<view class="flex">
				<view>餐盒费优惠</view>
				<!-- <view class="tag" style="margin-left: 4px;">优惠</view> -->
			</view>
			<view class="co-red">{{ formatPrice(scope.lunchBoxDiscount, true) }}</view>
		</view>
		<view v-if="scope.platformPointsAmount > 0" class="flex just-between ht-42">
			<view class="flex">
				<view>平台积分抵扣</view>
				<!-- <view class="tag" style="margin-left: 4px;">优惠</view> -->
			</view>
			<view class="co-red">{{ formatPrice(scope.platformPointsAmount, true) }}</view>
		</view>
	</view>
</template>

<script>
import { formatPrice } from '../../../../hooks/bcmUseUntils';
export default {
	props: {
		scope: {
			type: Object,
			default: {}
		}
	},
	data() {
		return {
		}
	},
	methods: {
		formatPrice
	}
};
</script>
<style lang="scss" scoped>
@import "../../common/common.css";
</style>